<template>
  <div class="echarts">
    <IEcharts :option="option.bar" :resizable="resizable" @click.native="setActiveComponent(option.bar)"></IEcharts>
  </div>
</template>

<script type="text/babel">
  import IEcharts from 'vue-echarts-v3/src/full.vue'
  import {mapState,mapGetters,mapActions} from 'vuex'
  export default {
    name: 'bar',
    components: {
      IEcharts
    },
    computed:{
      ...mapState([
        
      ]),
      ...mapGetters({
        option:'option',
        parameter:'parameter',
        components: 'components',
        activeComponents: 'activeComponents',
      })
    },
    data: () => ({
      resizable: true,
    }),
    methods: {
    ...mapActions([
      'setActiveComponent',
      'addComponent',
    ]),
    }
  };
</script>

<style scoped>
  .echarts{
    /*width: 25%;
    height: 25%;*/
    position:absolute;
    border: 2px solid blue;
  }
</style>